<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>Your Admin Panel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


    <!-- jQuery AND jQueryUI -->
    <script type="text/javascript" src="/asserts/js/libs/jquery/1.6/jquery.min.js" th:src="@{/asserts/js/libs/jquery/1.6/jquery.min.js}"></script>
    <script type="text/javascript" src="/asserts/js/libs/jqueryui/1.8.13/jquery-ui.min.js"  th:src="@{/asserts/js/libs/jqueryui/1.8.13/jquery-ui.min.js}"></script>

    <!-- Compressed Version
        <link type="text/css" rel="stylesheet" href="min/b=CoreAdmin&f=css/reset.css,css/style.css,css/jqueryui/jqueryui.css,js/jwysiwyg/jquery.wysiwyg.old-school.css,js/zoombox/zoombox.css" />
        <script type="text/javascript" src="min/b=CoreAdmin/js&f=cookie/jquery.cookie.js,jwysiwyg/jquery.wysiwyg.js,tooltipsy.min.js,iphone-style-checkboxes.js,excanvas.js,zoombox/zoombox.js,visualize.jQuery.js,jquery.uniform.min.js,main.js"></script>
        -->
    <link rel="stylesheet" href="/asserts/css/min.css" th:href="@{/asserts/css/min.css}" />
    <script type="text/javascript" src="js/min.js" th:src="@{/asserts/js/min.js}"></script>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" th:href="@{https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css}">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" th:src="@{https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js}"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js" th:src="@{https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js}"></script>


</head>

<body>

<script type="text/javascript" src="content/settings/main.js"th:src="@{/asserts/content/settings/main.js}"></script>
<link rel="stylesheet" href="content/settings/style.css" th:href="@{/asserts/content/settings/style.css}" />

<form>


    <!--
          CONTENT
                    -->
    <div id="content" class="white">
        <div>
            <h1 style="display: inline-block;"><img th:src="@{/asserts/img/icons/posts.png}" alt="" /> UserTable</h1>

            <table style="width: 500px; margin: 0 auto;">
                <tr>

                    <td>
                        <label>姓名</label>
                        <input type="text" value="" name="manager_name" class="text" />
                    </td>
                    <td> 状态：</td>
                    <td style="width: 30px;"><select name="manager_status" class="form-control">
                        <option value="">请选择状态</option>
                        <option value="正常" selected>正常</option>
                        <option value="停用">停用</option>
                    </select></td>
                    <td> <input type="submit" value="查询" class="submit" />
                    </td>
                    </td>
                </tr>
            </table>


            </div>
            <div class="bloc">
                <div class="title">
                    管理员信息
                </div>
                <div class="content">
                    <table>
                        <thead>
                        <tr>
                            <th><input type="checkbox" class="checkall" /></th>
                            <th>用户id</th>
                            <th>用户姓名</th>
                            <th>用户头像</th>
                            <th>用户状态</th>
                            <th>操作</th>
                            <th>编辑</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="user:${userList}">
                            <td><input type="checkbox" /></td>
                            <td th:text="${user.user_id}"></td>
                            <td th:text="${user.user_name}"></td>
                            <td th:text="${user.user_head}"></td>
                            <td th:text="${user.user_status}"></td>
                            <td>
                                <a  class="btn btn-success btn-xs" th:if="${user.user_status=='停用'}" th:href="@{/user/updstatus(user_id=${user.user_id})}">启用</a>
                                <a  class="btn btn-danger btn-xs" th:if="${user.user_status=='正常'}"  th:href="@{/user/updstatus(user_id=${user.user_id})}">停用</a>
                            </td>
                            <td class="actions">
                                <a th:href="@{/user/toadduser}" class="zoombox w450 h700" title="Edit this content">
                                    <img th:src="@{/asserts/img/icons/actions/edit.png}" alt="" /></a>
                                <a th:href="@{/user/del/}+${user.getUser_id()}" title="Delete this content">
                                    <img th:src="@{/asserts/img/icons/actions/delete.png}" alt="" /></a></td>

                        </tr>
                        </tbody>
                    </table>
                    <div class="left input">
                        <select name="action" id="tableaction">
                            <option value="">Action</option>
                            <option value="delete">Delete</option>
                        </select>
                    </div>
                    <div class="pagination">
                        <a href="#" class="prev">«</a>
                        <a href="#" class="current">1</a>
                        <a href="#" >2</a>
                        ...
                        <a href="#">21</a>
                        <a href="#">22</a>
                        <a href="#" class="next">»</a>
                    </div>
                </div>
            </div>

    </div>

    </form>
</body>

</html>